@W:100%;
@w:1190px;
.wh(@a,@b){
  width: @a;
  height: @b;
}
#header-top-wrap{
  .wh(@W,34px);
  background:#eeeeee;
  border-bottom: 1px solid #fff;
  .header-top{
    .wh(@w,@W);
    background:#eeeeee;
    border-bottom: 1px solid #fff;
    margin: 0 auto;

    a:hover{
      color:#f00f00;
    }

    .header-left{
      .wh(305px,@W);
      float:left;
      a:hover{
        color:#f00f00;
      }

      li{
        float: left;
        height: 34px;

        a{
          display: block;
          padding-left: 5px;
          height: 34px;
          line-height: 34px;
          color:#3e3e3e;
          font-size:12px;
          margin:0 6px;
          position: relative;

          i{
            font-size: 20px;
            margin-right: 4px;
          }
          i:nth-of-type(2){
            display: block;
            line-height:14px;
            .wh(14px,14px);
            font-size:14px;
            position: absolute;
            top:12px;

          }
        }
      }

      li:nth-child(2),li:nth-child(4){
        .list;
      }

      li:nth-child(3){
        .wh(95px,34px);
        position: relative;

        .wei{
          .wh(90px,34px);
          position: absolute;
          left:4px;
          overflow: hidden;

          a{
            .wh(80px,34px);

            i:nth-of-type(2){
              right:4px;
            }
          }

          a:hover i:nth-child(1){
            color:green;
          }
          a:hover i:nth-of-type(2){
            animation: icongo 0.5s linear forwards;
          }
          .wecgat{
            display: block;
            .wh(100px,100px);
            margin:6px 0 0 12px;
            background: url(../images/wechat.png) no-repeat;
          }
        }
      }

      li:nth-child(5){
        position: relative;
        .wh(114px,34px);

        .aph{
          margin-left: 5px;
          position: absolute;
          .wh(109px,34px);
          overflow: hidden;

          a{
            margin: 0;
            .wh(109px,34px);

            i:nth-of-type(2){
              right:10px;
            }
          }
          a:hover i:nth-of-type(2){
            animation: icongo 0.5s linear forwards;
          }

          .appp{
            display: block;
            .wh(134px,145px);
            margin: 8px 0 0 8px;
            background:url(../images/appphone.png) no-repeat;
          }

        }
      }
    }
  }
}
@keyframes icongo{
  100%{
    transform:rotate(360deg);
  }
}

.list{
  .wh(1px,14px);
  background:#cccccc;
  margin-top: 10px;
}
.header-right{
  .wh(500px,@W);
  float: right;
  li{
    line-height: 34px;
    float:left;
    font-size:12px;
    margin: 0 6px;
    a{
      color:#3e3e3e;

    }
  }

  li:nth-child(5){
    .wh(68px,34px);
    position: relative;
    margin: 0;
    padding: 0 6px;
    ul{
      position: absolute;
      left:0 ;
      top:34px;
      display: none;
      li{
        .wh(68px,30px);
        margin: 0;
        padding:0 6px;
        line-height: 30px;
        border-bottom: 1px solid #eee;
      }

      li:nth-child(6){border:none;}
    }
  }
  li:nth-child(5):hover{
    background:#fff;
    ul{
      z-index: 99;
      display: block;
      background:#fff;
      li{
        background:#fff;
      }
    }
  }

  li:nth-child(2),>li:nth-child(4),>li:nth-child(6),>li:nth-child(8){
    .list;
  }
}

#header-bottom-wrap{
  .wh(@W,@W);
  .header-bottom{
    .wh(@w,160px);
    margin: 0 auto;

    .b-top{
      .wh(@W,121px);

      .logo{
        float: left;
        .wh(215px,76px);
        margin:22px 0;
        a{
          display: block;
          .wh(@W,@W);
          background:url(../images/logo.gif) no-repeat;
          text-indent:-999px;
        }
      }

      .icort{
        .wh(160px,34px);
        margin-top: 41px;
        margin-left: 20px;
        float: right;

        a{
          display: block;
          .wh(160px,34px);
          background:url(../images/header-01.png) no-repeat -55px -76px;
          text-align: center;
          line-height: 34px;
          font-size:12px;
          color:#fff;

          strong{
            margin:0 2px;
            color:red;

          }
        }

      }

      .b-center{
        .wh(510px,80px);
        margin-top: 41px;
        float:right;

        .search{
          .wh(498px,34px);

          input{
            .wh(440px,30px);
            float: left;
            padding-left: 10px;
            border: 2px solid #333;
          }

          a{
            display: block;
            float: left;
            .wh(44px,34px);
            background:#333;
            text-align: center;
            line-height:34px;

            i{
              color:#fff;
              font-size:18px;
            }
          }
        }

        .subnav{
          .wh(498px,34px);
          line-height: 34px;

          a{
            color:#888;
            font-size:12px;
            margin-right: 6px;
          }
          a:hover{
            text-decoration:underline;
            color:#f00f00;
          }
        }
      }
    }

    .b-bottom{
      .wh(@w,39px);

      .b-b-left{
        .wh(210px,39px);
        text-align: center;
        line-height:39px;
        font-size:18px;
        background:#222;
        float:left;

        a{
          color:#fff;
        }
      }

      .b-b-center{
        float:left;
        height: 39px;
        margin-left:20px;

        li{
          float:left;
          height:39px;
          padding: 0 15px;

          a{
            display:block;
            padding: 10px 10px 0;
            text-align:center;
            height:26px;
            color:#333;
          }

          a:hover{
            color:#E5004F;
            border-bottom: 3px solid #E5004F;
          }
        }

        li:nth-child(4){
          position: relative;

          img{
            display: block;
            .wh(27px,14px);
            position:absolute;
            right:0;
            top:0;
          }
        }
      }

      .b-b-right{
        float:right;
        .wh(150px,39px);
        line-height: 39px;

        a{
          padding: 0 5px;
          color: #666;
          font-size:14px;
          float:left;
        }

        a:hover{
          color:#f00f00;
        }

        span{
          display: block;
          .wh(1px,12px);
          float:left;
          margin-top: 14px;
          background:#666;

        }
      }

    }
  }

}

#banner-wrap{
  .wh(@W,470px);

}